Опис HTML тега <COLGROUP>:

Тег <COLGROUP> призначений для завдання ширини і стилю однієї або декількох стовпчиків таблиці. Цей тег дозволяє зменшити код таблиці за рахунок скорочення повторюваних параметрів, і за наявності цього тега браузер починає показувати вміст таблиці, не чекаючи її повного завантаження. Тег <COLGROUP> можна використовувати в комбінації з тегом <COL>, який визначає характеристики однієї або декількох колонок. Зазвичай закриваючий тег не потрібно, але якщо <COLGROUP> виступає як контейнер для елементів <COL>, тоді слід додати тег </ COLGROUP> у кінці групи. Різниця між властивостями тегів <COLGROUP> і <COL> не дуже велика і полягає в наступному. <COLGROUP> Дозволяє об'єднувати колонки в певні групи, також при додаванні параметра rules = "groups" до тегу <TABLE> браузер буде малювати лінію тільки між колонками, створеними за допомогою <COLGROUP>. В інших випадках поведінка колонок призначених через елементи <COLGROUP> і <COL> ідентично.

Синтаксис HTML тега <COLGROUP>:

Параметри HTML тега <COLGROUP>:

ALIGN - Для зображень та тексту можна вказувати їх положення щодо тексту або інших зображень на веб-сторінці. Спосіб вирівнювання задається параметром align тега. align='bottom | left | middle | right | top'

SPAN - Визначає число колонок, до яких застосовуватимуться задані характеристики. Якщо цей параметр відсутній, то тег <COL> працює для однієї колонки. Допускається застосовувати параметр span до кількох колонок і таким чином формувати групи колонок з однаковими характеристиками.

VALIGN - Параметр valign необхідно коли вирівнювання йде по вертикалі. valign="bottom | middle | top"

WIDTH - Для зміни розмірів засобами HTML передбачені параметри height і width. Допускається використовувати значення в пікселах або відсотках. Якщо встановлена процентна запис, то розміри зображення обчислюються щодо батьківського елементу - контейнера, де знаходиться тег <IMG>. У разі відсутності батьківського контейнера, в його якості виступає вікно браузера. Іншими словами, width = "100%" означає, що малюнок буде розтягнуто на всю ширину веб-сторінки. Додавання тільки одного параметра width або height зберігає пропорції і відношення сторін зображення. Браузер при цьому очікує повного завантаження малюнка, щоб визначити його первинну висоту і ширину. Обов'язково задавайте розміри всіх зображень на веб-сторінці. Це дещо прискорює завантаження сторінки, оскільки браузеру немає потреби обчислювати розмір кожного малюнка після його отримання. Це твердження особливо важливо для зображень, розміщених усередині таблиці. Ширину і висоту зображення можна змінювати як в меншу, так і велику сторону. Проте на швидкість завантаження малюнка це ніяк не впливає, оскільки розмір файлу залишається незмінним. Тому з обережністю зменшуйте зображення, тому що це може викликати здивування у читачів, чому такий маленький малюнок так довго вантажиться. А ось збільшення розмірів призводить до зворотного ефекту - розмір зображення великий, але файл щодо зображення аналогічного розміру завантажується швидше. Але якість малюнка при цьому погіршується.

Закриваючий тег:

не обов'язковий

Додаткові відомості HTML тега <COLGROUP>:

HTML: 3.2 4 XHTML: 1.0 1.1